<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

String usertype = session.getAttribute("userType")+"";
%>


<jsp:include page="header.jsp"></jsp:include>

				<!-- 滑块部分的开始 -->
				<section class="htlfndr-slider-section">
					<div class="owl-carousel">
						
						 <c:forEach items="${ads}" var="item">
						<div class="htlfndr-slide-wrapper">
							<img src="<%=basePath%>${item.thumb }" alt="img-1" />
							<div class="htlfndr-slide-data container">		
								
								<h1 class="htlfndr-slider-title">${item.title }</h1>
								<div class="htlfndr-slider-under-title-line"></div>
							</div><!-- .htlfndr幻灯片-数据容器 -->
						</div><!-- .htlfndr幻灯片包装器-->
						
						</c:forEach>
						
						
						
					</div>

					<!-- 搜索表单开始 -->
					
					<!-- 搜索表单旁停止 -->

				</section><!-- .htlfndr滑块部分 -->
				<!-- 滑块段结束 -->
				<noscript><h2>您已禁用JavaScript！</h2></noscript>
			</header>

			<!-- 主要内容开头 -->
			<main role="main">
				<!-- 热门目的地部分 -->
				<section class="container-fluid htlfndr-categories-portfolio">
					<h2 class="htlfndr-section-title bigger-title">热门客房HOTS</h2>
					<div class="htlfndr-section-under-title-line"></div>
					<div class="container">
						<div class="row">
							
							 <c:forEach items="${hs}" var="item" varStatus="x">
   <c:if test="${x.index<6 }">
							<div class="col-sm-4 col-xs-6">
								<div class="htlfndr-category-box" onclick="void(0)"><!-- “onclick”用于Safari（IOS），它将“div”元素识别为可单击的元素 -->
									<img src="<%=basePath %>${item.thunb}" alt="category-img" style="width:100%;height:200px;" />
									<div class="category-description">
										<div class="htlfndr-icon-flag-border"><i class="htlfndr-icon-flag flag-germany"></i></div><!-- .htlfndr图标标志边框 -->
										<h2 class="subcategory-name">${item.rooname}</h2>
										<a href="<%=basePath %>app/detail?id=${item.id}" class="htlfndr-category-permalink"></a><!-- 这个链接将被显示为“块”，并将覆盖到整个框通过在大桌面上悬停，将是一个小设备上的圆形链接 -->
										<h5 class="category-name">${item.cate}</h5>
										<p class="category-properties"><span>￥${item.price2 }</span> 
										<span style="text-decoration: line-through;">￥${item.price }</span>
										</p>
									</div><!-- .类别说明 -->
								</div><!-- .htlfndr分类框 -->
							</div><!-- .col-sm-4.col-xs-6 -->
							</c:if>
							</c:forEach>

							
							
						</div><!-- .row -->
					</div>
				</section><!-- .container-fluid.htlfndr-categories-portfolio -->
				
				<!-- Section called USP section -->
				<section class="container-fluid htlfndr-usp-section">
					<h2 class="htlfndr-section-title htlfndr-lined-title"><span>酒店资讯NEWS</span></h2><!-- 两边都需要<span>和'htlfndr lined title'类-->
					<div class="container">
						<div class="row">
							
							<c:forEach items="${list}" var="item" varStatus="x">
             <c:if test="${x.index<3 }">
							<div class="col-sm-4 htlfndr-icon-box">
								<img class="htlfndr-icon icon-drinks"  src="<%=basePath %>${item.thumb}"  alt="icon" style="width:100%;height:200px;"  />
									<h5 class="htlfndr-section-subtitle">${item.title }</h5>
									<p>
									  ${item.description}
									</p>
									<a href="<%=basePath %>app/view.do?id=${item.id}" class="htlfndr-read-more-button">read more</a>
							</div><!-- .col-sm-4.htlfndr-icon-box -->
							</c:if>
</c:forEach>
							
						</div><!-- .row -->
					</div><!-- .container -->
				</section><!-- .container-fluid .htlfndr-usp-section -->
				
				<!-- Section with categories -->
				

				<!-- Section with visitors cards -->
				
			</main>
			<!-- End of main content -->
			
<jsp:include page="footer.jsp"></jsp:include>

